<template>
  <div class="about">
     <div class="book-nav">
         <router-link :to="{name:'bookInfo'}">
                   书籍信息
                </router-link  >
                 <router-link :to="{name:'bookAdd'}" >
                   书籍添加
                </router-link>
     </div>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>
<style lang="less">
.book-nav{
  height: 30px;
  text-align: 30px;
  border-bottom: 1px solid  #EBEEF5 ;
   a{
    text-decoration: none;
    color: #000;
    padding: 0 5px;
  }
  .router-link-active{
    font-weight: 700;
  }
}
</style>